// pages/article/add.js
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgs: [],
    img: '',
    title:'',
    detail:'',
    id: ''
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    this.setData({
      id:options.id
    })
    this.getDetail(options.id)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    this.getDetail(options.id)
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  chooseImg(){
    let that = this;
    let len = this.data.imgs;
    if(len>=1){
        this.setData({
            lenMore: 1
        })
          return;
      }
      wx.chooseImage({
          success: (res)=>{
              let tempFilePaths = res.tempFilePaths;
              let imgs = that.data.imgs;
              for(let i=0;i<tempFilePaths.length;i++){
                  if(imgs.length<1){
                    wx.uploadFile({
                      url: "http://localhost:8080//wx/upload",
                      filePath: tempFilePaths[i],
                      name: "file",
                      success(res) {
                        that.setData({
                          img: res.data
                        })
                        imgs.push(tempFilePaths[i])
                      },
                      fail(res) {
                        console.error("文件上传失败:", res.data);
                      },
                    });
                  }else{
                      that.setData({
                          imgs
                      })
                      wx.showModal({
                          title: '提示',
                          content: '最多只能有一张图片'
                      })
                      return;
                  }
              }
              that.setData({
                  imgs
              })
          }
      })
  },
  previewImg(e){
      let index = e.currentTarget.dataset.index;
      let imgs = this.data.imgs;
      wx.previewImage({
          current: imgs[index],
          urls: imgs,
      })
  },
  deleteImg(e){
      let _index = e.currentTarget.dataset.index;
      let imgs = this.data.imgs;
      imgs.splice(_index,1);
      this.setData({
          imgs
      })
  },
  /**
   * 填写内容
   */
  getInput: function(e){
    this.setData({
      detail: e.detail.value
    })
  },
    /**
   * 填写标题
   */
  getInputTitle: function(e){
    this.setData({
      title: e.detail.value
    })
  },
    /**
   * 提交
   */
  formSubmit:function(){
    if(this.data.detail==''){
      wx.showToast({
        title: '请输入作品内容',
        icon: 'none',
        duration: 1000
      })
      return;
    }
    if(this.data.title==''){
      wx.showToast({
        title: '请输入作品标题',
        icon: 'none',
        duration: 1000
      })
      return;
    }
    if(this.data.img==''){
      wx.showToast({
        title: '请上传作品图片',
        icon: 'none',
        duration: 1000
      })
      return;
    }
    app
    .ajaxRequset()
    .api.articleEdit({id:this.data.id,detail:this.data.detail,img:this.data.img,title:this.data.title,updateBy:app.globalData.user.nickName})
    .then((res) => {
      if(res.data.code=='1'){
        wx.showToast({
          title: '修改成功，即将跳转作品列表！',
          icon: "none",
          success() {
            setTimeout(() => {
              wx.navigateTo({
                url: "../article/myArticle"
              })
            }, 2000);
          }
        });
      }else{
        wx.showToast({
          title: res.data.message,
          icon: "none",
        });
      }
    })
    .catch((error) => {
      console.log(error);
      wx.showToast({
        title: error.data,
        icon: "none",
      });
    });
  },
  /**
   * 获取详情
   * @param {*} id 
   */
  getDetail: function(id){
    app
    .ajaxRequset()
    .api.articleGet({'id':id})
    .then((res) => {
      console.log(res)
      if(res.data.code=='1'){
        this.setData({
          title : res.data.result.title,
          detail:  res.data.result.detail,
          img:  res.data.result.img,
          imgs: [res.data.result.img]
        })
      }else{
        wx.showToast({
          title: res.data.message,
          icon: "none",
        });
      }
    })
    .catch((error) => {
      console.log(error);
      wx.showToast({
        title: error.data,
        icon: "none",
      });
    });
  }
})